<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button onclick="setCookie()">存cookie</button>
  <button onclick="getCookie()">取cookie</button>
  <script>
    function setCookie () {
      // 存cookie的时候一般不要直接存中文，在一些老的浏览器里直接存中文会造成一些错误
      // 一般存cookie的话需要编码
      var str = encodeURIComponent('李四')

      document.cookie = `name=${str}`
      document.cookie = `age=30`
    }

    function getCookie () {
      // 解码再取
      var str = document.cookie
      console.log(decodeURIComponent(str))
    }
  </script>
</body>
</html>